<template>
	<view class="phb">
		<view class="phb_bt">
			排行榜
		</view>
		<view class="pbh_mk" v-for="(item, index) in 3" :key="index">
			<view class="phb_tp">
				
			</view>
			<view class="phb_wz">
				<view class="phb_wz_bt">
					飙升榜
					<uni-icons size="12" type="right"></uni-icons>
				</view>
				<view class="phb_wz_gq">
					1.若你踏入星河
				</view>
				<view class="phb_wz_gq">
					2.若你踏入星河
				</view>
				<view class="phb_wz_gq">
					3.若你踏入星河
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"my-RankingList",
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss">
.phb_bt {
	height: 120rpx;
	line-height: 120rpx;
	font-size: 20px;
	font-weight: bold;
	margin: 0 4%;
}

.pbh_mk {
	width: 92%;
	height: 220rpx;
	margin: 0 4%;
	background-color: #fff;
	display: flex;
	margin-bottom: 10px;
	
	.phb_tp {
		width: 32%;
		height: 220rpx;
		background-color: red;
	}
	
	.phb_wz {
		font-size: 12px;
		margin-left: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		.phb_wz_bt {
			font-weight: bold;
			font-size: 14px;
		}
		
		.phb_wz_gq {
		}
	}
}
</style>